<template>
  <view class="sticky-box">
    <out-work-cell :inset="false" :modal="info" v-if="info.status !== undefined" border>
      <template slot="link">
        <m-button size="sm" :type="outStatusMap[info.status].color" plain>
          {{ outStatusMap[info.status].text }}
        </m-button>
      </template>
    </out-work-cell>
  </view>
</template>

<script>
import { outStatusMap } from '@/utils/constant'
export default {
  props: {
    info: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      outStatusMap,
    }
  },
}
</script>

<style lang="scss" scoped>
.sticky-box {
  ::v-deep {
    .cell-group__wrap {
      margin: 0;
      border-top: 1px solid #f5f5f5;
      border-radius: 0;
    }
  }
}
</style>
